.red-bg{
  position: fixed;
  top: 0;
  width:100%;
  height: 100%;
  background:rgba(0,0,0,.6);
  z-index: 98;
  .red-img{
    width: 580rpx;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 932rpx;
    image{
      width: 100%;
      height: 932rpx;
    }
    .red-btn{
      position:absolute;
      top:-5rpx;
      text-align:center;
      width:215rpx;
      height:215rpx;
      background-color:transparent;
      border-radius:50%;
      left:11rpx;
      right:0;
      margin:auto;
      margin-top: 10rpx;
      animation:open 1s infinite;
    }
    @keyframes open {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.1);
      }
      100% {
        transform: scale(1);
      }
    }
    .redcancel{
      position:absolute;
      bottom: 0;
      text-align:center;
      width:100rpx;
      height:100rpx;
      background-color:transparent;
      border-radius:50%;
      left:0;
      right:0;
      margin:auto;
    }
  }
}
.show-from{
  position:absolute;
  top:48%;
  width:100%;
  height:215rpx;
  left:0;
  right:0;
  margin:auto;
}
.button-hover::after{
  border: none;
}
.button-hover{
  background-color:transparent;
  border: none;
  width:100%;
  height:100%;
  padding: 0;
}